<!DOCTYPE html>
<html>
<head>
	<title>紧贴底部的页脚</title>
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
		}
		footer {
			background-color: #333;
			height: 100px;
			padding: 20px;
			color: #fff;
			margin: 0;
		}
		main {
			flex: 1;
		}
	</style>
</head>
<body>
	<header>
		<h1>site anme</h1>
	</header>
	<main>
		<p>bacon ipsum dolor sit amet...</p>
		<p>bacon ipsum dolor sit amet...</p>
		<p>bacon ipsum dolor sit amet...</p>
		<p>bacon ipsum dolor sit amet...</p>
	</main>
	<footer>
		<p>@ 2015 No rights reserved.</p>
		<p>made with @ by an anonymous pastafarian.</p>
	</footer>
</body>
</html>